<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_kjpDz0',
'ZY_ZiXunZhongXin_1',
'ZY_XingYeZiXun_2',
'ZY_QiYeZiXun_3',
'ZY_TongZhiGongGao_4',
'img_zgEth5',
'ZY_DangQianWeiZhi_6',
'ZY_ShouYe_7',
'ZY_8_8',
'ZY_XingYeZiXun_9',
'img_$heVR10',
'ZY_GuanZhuRen_11',
'ZY_12_12',
'img_SM42x13',
'img_urcU014',
'ZY_GuanZhuRen_15',
'ZY_16_16',
'img_qgM$i17',
'img_LJfPA18',
'ZY_GuanZhuRen_19',
'ZY_20_20',
'img_fX4dF21',
'img_CPXvF22',
'ZY_GuanZhuRen_23',
'ZY_24_24',
'img_$meV625',
'img_qrXJM26',
'ZY_GuanZhuRen_27',
'ZY_28_28',
'img_hFO5b29',
'img_GeYbL30',
'ZY_GuanZhuRen_31',
'ZY_32_32',
'img_ElIfN33',
'img__GFx734',
'ZY_GuanZhuRen_35',
'ZY_36_36',
'img_OveHF37'"></cms:ads>
<!doctype html>
<!-- 资讯中心 -->
<html>
 <head> 
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1,"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>希尔梵${网页标题}</title> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/xrfrz/new/pc/css/swiper-bundle.min.css"> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/xrfrz/new/pc/css/animate.css"> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/xrfrz/new/pc/css/common.css"> 
  <style>.box{ background: #F4F4F4; } .news-warp .item{ width: 100%; box-sizing: border-box; padding: 10px; } .news-warp .new-img{ width: 100%; } .news-warp .new-bottom{ padding: 20px 16px; background: #FFFFFF; } .news-warp .new-title{ font-size: 16px; line-height: 24px; } .news-warp .new-time{ margin-top: 14px; } .news-warp .new-time p{ color: #666666; }</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head>
 <style>
  .box{
   background: #F4F4F4;
  }
  .news-warp .item{
   width: 100%;
   box-sizing: border-box;
   padding: 10px;
  }
  .news-warp .new-img{
   width: 100%;
  }
  .news-warp .new-bottom{
   padding: 20px 16px;
   background: #FFFFFF;
  }
  .news-warp .new-title{
   font-size: 16px;
   line-height: 24px;
  }
  .news-warp .new-time{
   margin-top: 14px;
  }
  .news-warp .new-time p{
   color: #666666;
  }
  .pagination{
   background: #F4F4F4;
   text-align: center;
   padding:  60px 0 0;
   font-size: 0;
  }
  .pagination .item{
   display: inline-block;
   border: 1px solid #E5E5E5;
   width: 32px;
   height: 32px;
   line-height: 32px;
   text-align: center;
   color: #333;
   font-size: 14px;
   cursor: pointer;
  }
  .pagination .item.active{
   background: #0EA8EE;
   color: #ffffff;
   border: 1px solid #0EA8EE;
  }
 </style>
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="image-warp"> 
   <img src="${img_kjpDz0.adImg}" class="img zy" data-type="ad" data-id="${img_kjpDz0.adId}"> 
   <div class="page-name text-center"> 
    <h2 class="zy" data-type="ad" data-id="${ZY_ZiXunZhongXin_1.adId}">${ZY_ZiXunZhongXin_1.adTitle}</h2> 
   </div> 
  </div>
  <cms:artType var="news" code="news"></cms:artType>
  <div class="nav-container flex align-center">
   <div class="container flex align-center space-between"> 
    <div id="navHeader" class="nav flex align-center">
     <c:forEach items="${news }" var="artType" varStatus="status" >
      <div class="nav-item zy">
       ${artType.artTypeName}
      </div>
     </c:forEach>
    </div>
    <div class="current-location flex align-center"> 
     <img src="${img_zgEth5.adImg}" class="zy" data-type="ad" data-id="${img_zgEth5.adId}"> 
     <p> <span class="zy" data-type="ad" data-id="${ZY_DangQianWeiZhi_6.adId}">${ZY_DangQianWeiZhi_6.adTitle}</span> <a href="${ZY_ShouYe_7.adUrl}" class="zy" data-type="ad" data-id="${ZY_ShouYe_7.adId}">${ZY_ShouYe_7.adTitle}</a> <span class="zy" data-type="ad" data-id="${ZY_8_8.adId}">${ZY_8_8.adTitle}</span> <span class="color-white zy" data-type="ad" data-id="${ZY_XingYeZiXun_9.adId}">${ZY_XingYeZiXun_9.adTitle}</span> </p> 
    </div> 
   </div> 
  </div> 
  <div id="navContent">
   <c:forEach items="${news }" var="artType" varStatus="status" >
   <div class="box hide"> 
    <div class="container"> 
     <div class="news-warp flex flex-v">
      <cms:arts var="artList" code="${artType.code }" pageNow="${param.pageNow == null ? 0 : param.pageNow}" pageSize="9"></cms:arts>
      <c:forEach items="${artList }" var="art" varStatus="status1" >
      <a href="${path}/do/redirect/pc/newDetail?id=${art.artId}" class="item">
       <div> 
        <!-- <img class="new-img zy" src="${art.artImage}" > -->
        <div class="new-bottom"> 
         <p class="new-title ellipsis zy">${art.artTitle}</p>
         <div class="new-time flex align-center space-between"> 
          <p class="zy" data-type="ad"><fmt:formatDate pattern="yyyy-MM-dd" value="${art.artCreatetiem}" ></fmt:formatDate></p>
          <img src="${img_SM42x13.adImg}" class="zy" data-type="ad" data-id="${img_SM42x13.adId}"> 
         </div> 
        </div> 
       </div>
      </a>
      </c:forEach>
     </div> 
    </div>


    <div class="pagination">
     <c:forEach end="${recodeCount }" begin="1" var="index"
                varStatus="count">
      <a href="${path}/do/redirect/pc/new?type=${status.index}&pageNow=${index - 1}" class="${param.pageNow == index - 1 ? 'item active' : 'item'}">${index}</a>
     </c:forEach>
    </div>
   </div>
   </c:forEach>
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="https://hwfile.csxuncong.com/xrfrz/new/pc/js/swiper-bundle.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/pc/js/wow.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/pc/js/jquery.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/pc/js/common.js"></script> 
 </body>
</html>